@charset "utf-8";
/* CSS Document */
						/*统一设定动画*/
						
				/*动画结束后保持*//*  animation-fill-mode:forwards; animation-iteration-count:1; */
.i1003_main_3 .item .abox .textbox .text_item_1,
.i1003_main_3 .item .abox .textbox .text_item_2,
.i1003_main_3 .item .abox .textbox .text_item_3,
.i1003_main_3 .item .abox,
.i1003_main_3 .item .abox .zgbox,
.list_1004 ul li .abox .textbox .text_item_3 .text_2 { transition: all 1s;}

.list_1004 ul li .abox .textbox .text_item_3 .text_1 { transition:transform 1s;}


.i1003_main_3 .item .abox:hover .textbox .text_item_1,
.i1003_main_3 .item .abox:hover .textbox .text_item_2,
.i1003_main_3 .item .abox:hover .textbox .text_item_3 { opacity:1; transform: translate(0,-40px);}
.i1003_main_3 .item .abox:hover .zgbox { background-color:rgba(0,0,0,0); background-image:url(../image/p-i1003_main_3-2-1.png);}

.i1003_main_3 .item .abox:hover { height:504px;}
@keyframes myanime_01
{
    from { opacity:0; transform: translate(0,0);}
    to   { opacity:1; transform: translate(0,-40px);}
}


				/*鼠标放置图片放大*/
.list_1001 ul li .abox .imgbox,
.i1005_main_2_swiper .item .abox .imgbox,
.list_1002 ul li .abox .imgbox,
.list_1004 ul li .abox .imgbox { position:relative; overflow:hidden;}
.list_1001 ul li .abox .imgbox .img,
.i1005_main_2_swiper .item .abox .imgbox .img,
.list_1002 ul li .abox .imgbox .img,
.list_1004 ul li .abox .imgbox .img { transition: all 1s; display:block; width:100%; height:100%; background-position: center center; background-size:cover;}/*如果是使用背景图*/

/*act*/
.list_1001 ul li .abox:hover .imgbox .img,
.i1005_main_2_swiper .item .abox .imgbox:hover .img,
.list_1002 ul li .abox:hover .imgbox .img,
.list_1004 ul li .abox:hover .imgbox .img { transform: scale(1.1,1.1);}
/*act*/


				/*图片黑白*/
.list_1003 ul li .abox .img {
	filter:grayscale(95%);
	-webkit-filter:grayscale(95%);
	-moz-filter:grayscale(95%);
	-ms-filter:grayscale(95%);
	-o-filter:grayscale(95%);
}
.list_1003 ul li .abox:hover .img {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important;
	-webkit-filter: grayscale(0) !important;
	-moz-filter: grayscale(0) !important;
	-ms-filter: grayscale(0) !important;
	-o-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}

				/*list_1004 鼠标放置，按钮动画*/
.list_1004 ul li .abox:hover .textbox .text_item_3 .text_1 { transform: translate(-24px,0);}
.list_1004 ul li .abox:hover .textbox .text_item_3 .text_2 { transform: translate(50px,0); opacity:1;}